<template>
	<div class="menu">
    	<router-link tag='div' class="menu_li" to="/home" exact>首页</router-link>
        <router-link tag='div' class="menu_li" to="/classify">分类</router-link>
        <router-link tag='div' class="menu_li" to="/jfmall">积分商城</router-link>
        <router-link tag='div' class="menu_li" to="/shopCart">购物车</router-link>
        <router-link tag='div' class="menu_li" to="/person">我的</router-link>
    </div>
</template>

<script>
export default {
    name: 'TabMenu',
    data(){
    	return{

    	}
    },
    methods:{
        
    }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/css/varibles.styl'
.menu{width:100%;overflow:hidden;position:absolute;left:0;bottom:0;background:$bgColor;touch-action: none;display: -webkit-box;display: -webkit-flex;display: flex;height:50px;border-top:1px solid #eee;z-index:1;}
.menu_li{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-align:center;line-height:1.6rem;font-size:0.23rem;color:#333;}
.menu_li.menu_link_active{color:#7741cf;}
.menu_li:nth-child(1){background:url("http://a.tepin.hk/o/2018hwg/images/home.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li:nth-child(2){background:url("http://a.tepin.hk/o/2018hwg/images/category.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li:nth-child(3){background:url("http://a.tepin.hk/o/2018hwg/images/store.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li:nth-child(4){background:url("http://a.tepin.hk/o/2018hwg/images/cart.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li:nth-child(5){background:url("http://a.tepin.hk/o/2018hwg/images/mine.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li.router-link-active:nth-child(1){background:url("http://a.tepin.hk/o/2018hwg/images/home_pressed.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li.router-link-active:nth-child(2){background:url("http://a.tepin.hk/o/2018hwg/images/category_pressed.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li.router-link-active:nth-child(3){background:url("http://a.tepin.hk/o/2018hwg/images/store_pressed.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li.router-link-active:nth-child(4){background:url("http://a.tepin.hk/o/2018hwg/images/cart_pressed.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.menu_li.router-link-active:nth-child(5){background:url("http://a.tepin.hk/o/2018hwg/images/mine_pressed.png") no-repeat center 0.14rem;background-size:0.45rem 0.45rem;}
.router-link-active{color:#7741cf;}
</style>